<template>
  <div class="Footer">
    <van-tabbar v-model="active">
      <van-tabbar-item name="home" icon="home-o" @click="sy">首页</van-tabbar-item>
      <van-tabbar-item name="sign" icon="sign">品牌</van-tabbar-item>
      <van-tabbar-item name="friends" icon="cart-o" @click="gwd">购物袋</van-tabbar-item>
      <van-tabbar-item name="setting" icon="contact" @click="fun">我的中免</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: "home",
    };
  },
   methods: {
    fun() {
      //方法1:
      this.$router.push("/Wode");
    },
     sy() {
      //方法1:
      this.$router.push("/Homepage");
    },
    gwd() {
      //方法1:
      this.$router.push("/Shopping");
    },
  },
};
</script>

<style>
</style>